<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>上海马洲</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/normalize.css">
	<link rel="stylesheet" type="text/css" href="css/mycss.css">
</head>
<body>
	<header>
		<div class="header-top">
			<div class="container ">
				<div class="row top-warpper">
					<div class="col-md-7">
						<img src="images/phone.png" />
						<span class="tel">400-720-9860</span>
						<a href="#" class="call-us">联系我们</a>
					</div>
					<div class="col-md-5 text-right">
						<a class="vip-port" href="#" >会员入口</a>
						<div class="search "> <input type="text"  placeholder=""  ><img class="icon-search" src="images/icon-search.png"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="header-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-7 "><img src="images/logo-left.png"></div>
					<div class="col-md-5 pt-25 text-right"><img src="images/logo-right.png"></div>
				</div>
			</div>
		</div>
	</header>
	<nav>
		<div class="container">
			<ul class="nav nav-pills nav-justified">
				<li role="presentation" ><a href="index.html">首页</a></li>
			 	<li role="presentation" class="dropdown">
			    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
			      关于我们
			    </a>
			    <ul class="dropdown-menu">
			      	<li><a href="about-us.html">公司介绍</a></li>
					<li><a href="#">组织构架</a></li>
					<li><a href="#">企业文化</a></li>
					<li><a href="#">合作伙伴</a></li>
					<li><a href="#">团队介绍</a></li>
			    </ul>
			  </li>
			  <li role="presentation" class="dropdown active">
			    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
			      业务领域
			    </a>
			    <ul class="dropdown-menu">
			      	<li><a href="pic-list.html">产品展示</a></li>
			      	<li><a href="pic-details.html">产品细节</a></li>
			    </ul>
			  </li>
			  <li role="presentation" class="dropdown">
			    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
			      投资教育
			    </a>
			    <ul class="dropdown-menu">
			      	
			    </ul>
			  </li>
			  <li role="presentation" class="dropdown " >
			    <a class="dropdown-toggle" data-toggle="dropdown" href="" role="button" aria-haspopup="true" aria-expanded="false">
			      新闻中心
			    </a>
			    <ul class="dropdown-menu">
			      	<li><a href="artical-list.html">企业动态</a></li>
					<li><a href="#">行业资讯</a></li>
					<li><a href="#">知识产品</a></li>
			    </ul>
			  </li>
			  <li role="presentation" class="dropdown">
			    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
			      投资案例
			    </a>
			    <ul class="dropdown-menu">
			      
			    </ul>
			  </li>
			  <li role="presentation" class="dropdown">
			    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
			      人才招聘
			    </a>
			    <ul class="dropdown-menu">
			      
			    </ul>
			  </li>
			  <li role="presentation" class="dropdown">
			    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
			      联系我们
			    </a>
			    <ul class="dropdown-menu">
			      
			    </ul>
			  </li>
			</ul>
		</div>
	</nav>
	
	<div class="banner ">
		<div class="pic">
			<img style="display: block;" src="images/banner.jpg">
			<img src="images/banner.png" style="display:none">
			<img src="images/banner3.jpg" style="display:none">	
		</div>
	</div>
	<div class="main-about  ">
		<div class="container">
		<div class="row">
			<div class="col-md-3">
				<div class="sidebar">
					<div class="side-box">
						<div class="side-box-top"><i class="icon-border"></i><span>产品展示</span></div>
						<ul style="background: #b62b2f;">
							<li><a href="#" class=" color-white bg-color">RV系列蜗轮减速机</a></li>
							<li><a href="#" class="color-white" >T系列锥齿轮减速机</a></li>
							<li><a href="#" class=" color-white">F系列轴斜齿轮减速机</a></li>
							<li><a href="#" class="color-white">S系列蜗轮蜗杆减速机</a></li>
							<li><a href="#" class="color-white">K系列轴斜齿轮减速机</a></li>
							
						</ul>
					</div>
					<div class="side-box ">
						<div class="side-box-top"><i class="icon-border"></i><span>联系我们</span></div>
						<div class="address">
							<P>地址：湖南省怀化市</P>
							<p>联系人：向九九</p>
							<p>电话：15111592794</p>
							<P>邮箱：00000000@gmail.com</P>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-9">
				<div class="detail-content">
					<div class="detail-titel">
						<span class="ab">产品展示</span>
						<ol class="breadcrumb" >
							<span style="color: #000">当前位置:</span>
						  <li><a href="#">首页</a></li>
						  <li><a href="#" class="active">产品展示</a></li>
						
						</ol>
					</div>
					<div class="details pic-list">
						<div class="row">
							<div class="col-md-4 pic-list"><img src="images/pic1.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
							<div class="col-md-4"><img src="images/pic2.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
							<div class="col-md-4"><img src="images/pic3.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
						</div>
						<div class="row">
							<div class="col-md-4 pic-list"><img src="images/pic1.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
							<div class="col-md-4"><img src="images/pic2.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
							<div class="col-md-4"><img src="images/pic3.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
						</div>
						<div class="row">
							<div class="col-md-4 pic-list"><img src="images/pic1.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
							<div class="col-md-4"><img src="images/pic2.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
							<div class="col-md-4"><img src="images/pic3.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
						</div>
						<div class="row">
							<div class="col-md-4 pic-list"><img src="images/pic1.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
							<div class="col-md-4"><img src="images/pic2.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
							<div class="col-md-4"><img src="images/pic3.jpg">
								<p>轴斜齿轮减速机A</p>
							</div>
						</div>
						<div class="text-center">
						<ul class="pagination pagination-sm" >
						    <li>
						      <a href="#" aria-label="Previous">
						        <span aria-hidden="true"><<</span>
						      </a>
						    </li>
						    <li>
						      <a href="#" aria-label="Previous">
						        <span aria-hidden="true"><</span>
						      </a>
						    </li>
						    <li><a href="#">1</a></li>
						    <li><a href="#">2</a></li>
						    
						     <li>
						      <a href="#" aria-label="Next">
						        <span aria-hidden="true">></span>
						      </a>
						    </li>
						    <li>
						      <a href="#" aria-label="Next">
						        <span aria-hidden="true">>></span>
						      </a>
						    </li>
						  </ul>
						</div>
					</div>	
				</div>
			</div>
		</div>
		</div>
	</div>
	<footer>
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<ul>
						<li><a href="#">首页<span>|</span></a></li>
						<li><a href="#">关于我们</a><span>|</span></li>
						<li><a href="#">业务领域</a><span>|</span></li>
						<li><a href="#">投资者教育</a><span>|</span></li>
						<li><a href="#">新闻中心</a><span>|</span></li>
						<li><a href="#">投资案例</a><span>|</span></li>
						<li><a href="#">人才招聘</a><span>|</span></li>
						<li><a href="#">联系我们</a></li>
					</ul>
				</div>
				<div class="col-md-4">
					<div class="copyright">
						Copyright © 2010-2013 shmazhoufund.com
					</div>
				</div>
			</div>
		</div>
	</footer>
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/myjs.js"></script>
</html>